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II - Perceber os Utilizadores e 
as Tarefas 
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HCI, Cap. 1 , Alan Dix 



Enunciados dos Projectos 



AutoChef - Maquina de venda automatica de comida 

PrintShirt - Maquina de criagao e impressao automatica de 
T-shirts 

IronGadget - Dispositive para monitorizagao da condigao 
fisica 

SAFA - Servigo de Atendimento Farmaceutico Automatizado 

FlorMovel - Uma florista no telemovel 

Connecting - O seu quia de Transportes movel 

ToDos - A minha lista de afazeres 

TrainServices - Servigos de faordo e terrestres num comboio 

Atribuigao de projectos : Sorteio nos laboratorios 
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Melhor e Pior ? 
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W^\ Are you sure you want to delete 
' y all records from the database? 
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Melhor e Pior ? 
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W^\ Are you sure you want to delete 
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Melhor e Pior? 
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Resumo Aula Anterior 



• Conclusao da Analise de Tarefas 

- Resultado 
-Como fazer 

• Selecgao de tarefas para desenho 

• Cenarios 

- Problema 
-Actividade 
-Interacgao 
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Sumario 



• Modelo Humano de Processamento 
-Subsistema de Percepgao 

• Visao 

• Audigao 

• Tacto 
-Subsistema Motor 
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Introdugao 



• Conhecer Capacidades e Limitagoes das 
pessoas antes de desenhar ID 

• Recorremos a Psicologia Cognitiva 

• Aspectos relacionados com o uso de 
computadores 

- Como percebem o mundo a sua volta 

- Como armazenam informagao 

- Como resolvem problemas 

- Como manipulam objectos fisicamente 
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Modelo Humano de Processamento 



Compreender como e que os seres humanos 

- Pensam 

- Raciocinam 

- Aprendem 

- Comunicam. 
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Modelo Humano de Processamento 



• Baseado na Analogia com Computador 

- Memorias: 

• Sensorial 

• Curto Prazo - Short Term memory (STM) 

• Longo Prazo - Long Term memory (LTM) 
-Unidades de entrada e saida: 

• Motor-sensorial 

- Processamento 

• Reconhecimento de padroes 

• Conhecimento e aptidoes 
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O Modelo 




Visao simplificada 
do processamento 
humano envolvido 
na interacgao com 
um sistema 
computacional. 
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Subsistemas do Modelo 



• O modelo tem 3 subsistemas 
-I-Sistema da Percepgao 

• Trata dos estimulos sensorials do mundo 
exterior 

-Il-Slstema Motor 

• Controla as acgoes 
-Ill-Sistema Cognitivo 

• Oferece o processamento necessarlo para 
llgar I com II 
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I - Sistema da Percepgao 




• Canals de entrada 


-Principalmente os sentidos 




• Visao 




• Audigao 




• Tacto 




• Canals de safda 




-Controlo motor - movimento 
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Visao 



• Dois Estagios 

- Sensagao: Recepgao fisica dos estimulos 

- Percepgao: Processamento e Interpretagao do 
estimulo 

• Limita^ao: Nao conseguimos ver cartas coisas 

- Propriedades fisicas do olho e do sistema visual 

• Correc^ao: Conseguimos construir imagens a 
partir de informagao incompleta 

- Capacidades interpretativas do processamento visual 
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O Olho Humano 
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Olho - Sensagao 



• Recebe luz e transforma-a em 
energla eiectrlca 

• Luz refiectlda/refractada por objectos 

• Imagens focadas de pernas para o ar 
na retina 

• Retina tem 2 tipos fotoreceptores: 
- Bastonetes e Cones 

• Cerebro (celulas gangllonares) 
detecta padroes e movimento 
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Retina 




Bastonetes -\(;^^PW 

- Muito sensiveis a luz (bom para ver de noite) 

- Nao vem detalhes nem cores (tons de cinzento) 

- Estao sobretudo nos extremos da retina 

- Dominam na visao periferica 
Cones 

- Existem 3 tipos de cones, cada urn sensivel a 
uma cor (Azul, Verde, Vermelho) 

- Menos sensiveis a iuz 

- Estao concentrados principalmente na fovea 
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Cones e Bastonetes 
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Distribuigao dos cones 



• Distribufdos desigualmente 

- Maioria vermelhos (64%) e Poucos 
azuis (4%) 
• Insensibilidade a cores perto do azul 

• O Centre da retina (fovea) nao tern 
cones azuis 

-Pequenos objectos azuis desaparecem 
quando se fixam muito 
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Sensibilidade a Cor e Detecgao de Imagens 



• Mais sensivel as cores do centro do espectro 

- Azuis e vermelhos tern que ser mais brilhantes 
que verdes e amarelos 

• Com a idade 

- Lentes ficam amarelas e absorvem ' 
comprimentos de onda mais pequenos 

• Reduz ainda mais sensibilidade ao azul 

- Fluido entre a lente e a retina absorve mais luz 

• Sensagao de brilho diminui 
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Sensibilidade a Cor e Detecgao de Imagens 



• Implicagoes? 

- Nao usar azul para texto ou objectos 
pequenos! 

• resposta ao azul mais baixa (menos cones 
azuis na fovea) 

-Utilizadores idosos -> cores mais 
brilliantes 
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Numeros ? 
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Numeros ? 
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Daltonismo 


mulheres daltonicos 


-8% homens e 1% 


(verde/vermelho) 
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Teste de daltonismo 






http://www.colblindor.com/rgb-anomaloscope 


color-blindness-test/ 
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Visao - Capacidades e Limitagdes 



• O sistema visual compensa : 

-Tamanho 
- Movimento 
-Alteragoes de luz. 

• Contexto usado para resolver 
ambiguidade 

• Husoes de optica devido a 
sobrecompensagao. 
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Ou 12 13 14? 
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O Mais Comprido? 
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O Mais Comprido? 






• Parece mais longe -> ajuste de escala 
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O Maior? 
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O Maior? 




• Efeito da distancia 
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Quantos pontos pretos 


! ? 
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Duas Caras ? 
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Rectas Horizontais ? 
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Rectas Horizontais ? 
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Rectas Horizontais ? 
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Rectas Horizontais ? 
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Quantas pernas ? 
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Nova ou Vellia ? 
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Ilusdes 


• Mostram 


que 


a nossa percepgao de 


tamanho 


nao 


e completamente fiavel 


• nosso 


sistema visual compensa e 


sobrecompensa para percebermos 


mundo 


que 


nos rodeia 
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Ilusdes e Interfaces Utilizador 



Husoes 

- Realgam diferenga entre a realidade e o 
modo como a compreendemos 

- No desenho de lU devemos ter isso em 
conta (exemplos) 

• Aumentamos linhas horizontals e 
diminuimos linhas verticais -> Um quadrado 
tern que ser mais alto para parecer um 
quadrado 

• Vemos centro da pagina mais acima que o 
real -> Texto centrado na pagina parece que 
esta demasiado para baixo 
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Leitura 



• Varies estagios 

-Interpretagao do padrao visual da 

palavra 
- Descodificagao atraves da 

representagao interna da linguagem 
-Analise sintactica e sennantica de frases 



• Os dois primeiros estagios 
influenciam o desenho de interfaces 
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Processo de Leitura 



• Oiiio faz sacadas e fixagoes 

• Percepgao ocorre durante fixagoes 

• Lemos 250 palavras/min 

- Nao lemos caracter a caracter 

- Palavras familiares reconiiecidas pela 
sua forma 

-Capitalizar uma palavra dificulta o 
reconhecimento 



Batata 



BATATA 
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Leitura 



• Tipos de texto tamanho 9-12 pts sao 
legiveis 

• Contraste do ecra 



- Contrasts negative fundo claro, letras escuras 

• Mais iuminancia 

• Meiinor acuidade 

- Contraste positivo 

• Meiinor iegibiiidade 

• Sujeito a tremeiuzir (flicker) 

• Resultados experimentais mostram 
Contraste Negative melhora leitura no 
ecra 
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Legibilidade 



t-giu 
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Legibilidade 
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Texto Correcto? 
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Texto Correcto? 



The quick brown 

fox jumps over the 

the lazy dog. 
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Conseguem ler isto ? 



Eixste ieianvstggao equ 
edomnstra equ a dioispsgao 
ads leatrs pdoe esr aealtrda 
aon iiempdndo a 
coeemprnsao 
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Audigao 



• Informagao sobre ambiente: 

- distancias, direcgoes, objectos etc. 

• Aparelho fisico: 

- Ouvido externo - protege interno e amplia sons 

- Ouvido medio - transmite ondas sonoras como 
vibragoes para ouvido interno 

- Ouvido interno - transmissores quimicos 
libertados -> impulsos electricos no nervo 
auditivo. 

• Som 

- Frequencia (Pitch) 

- Intensidade - Amplitude 
-Timbre - tipo ou qualidade 
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Audigao 



• Ouvimos frequencias entre 20Hz e 15kHz 

- menos precisos a distinguir frequencias altas 
que baixas. 

• Sistema auditivo filtra sons 

- distinguir sons do ruido de fundo. 

• p. ex. conversar na discoteca ou numa festa ruidosa. 

• Pode ser usado nas IDs para dar retorno 
sobre estado do sistema 
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Tacto 



• Informagao importante sobre ambiente. 

• Sentido chave para deficientes visuais. 

• Estimulos atraves de receptores na pele : 

- termoreceptores - calor e frio 

- nocireceptores - dor 

- mecanoreceptores - pressao (alguns 
instantanea, outros continua) 

• Algumas areas mais sensiveis p. ex. dedos. 

• Cinestesia - percepgao da posigao do corpo 

- afecta conforto e desempenho. 
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II - Sistema Motor 



• Comportamentos rapidos (escrever, falar) 
executados por instrugoes motoras pre- 
programadas 

• Realimentagao motora e tactil, durante a 
actividade motora, facilita a precisao 

• Diferentes grupos de musculos nos 
movimentos grandes e pequenos 
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Movimento 



• Tempo resposta: Reacgao + Movimento 

• Tempo Movimento 

- depende idade, condigao fisica etc. 

• Tempo Reacgao 

- depende do estimulo : 

• visual ~ 200ms 

• auditivo ~ 150 ms 

• dor ~ 700ms 

• Isto nao se aplica a operadores treinados. 

• Combinagao de sinais pode melhorar 
tempo de reacgao 
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Lei de Fitts 



• Tempo para atingir um alvo no ecra 

• Depende do tamanho do alvo e da 
distancia 

T = a + k log2(Dist/Size + 1) 

a e k constantes empiricas 

• Alvos devem ser suficientemente grandes 
e estar suficientemente proximos 
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Exempio da Lei de Fitts 



Pie Menu 



Pop-up Linear Menu 




• Qual sera mais rapido, em nnedia? 

• Pie Menu (dlstancia +pequena & alvos maiores) 
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Exempio da Lei de Fitts 



Pie Menu 



Pop-up Linear Menu 




• Qual sera mais rapido, em media? 

• Pie Menu (dlstancia +pequena & alvos maiores) 
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Pergunta de Exame 



• Considers uma interface do tipo "point-and-clicl<". 
Considere que tern de posicionar um alvo de 
dimensao 1 pixel. A luz da Lei de Fitts, diga quais 
sao as cinco melhores posigoes para o alvo. 
Justifique. 
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Pergunta de Exame 



• Considere uma interface do tipo "point-and-clicl<". 
Considere que tem de posicionar um alvo de 
dimensao 1 pixel. A luz da Lei de Fitts, diga quais 
sao as cinco melhores posigoes para o alvo. 
Justifique. 

• As cinco posigoes sao: 

- O pixel correspondente a posigao actual do rato 

- Os quatro cantos do ecra 
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Pergunta de Exame 



• Considere uma interface do tipo "point-and-click". 
Considere que tem de posicionar um alvo de 
dimensao 1 pixel. A luz da Lei de Fitts, diga quais 
sao as cinco melhores posigoes para o alvo. 
Justifique. 

• As cinco poslgoes sao: 

- O pixel correspondente a posigao actual do rato 

- Os quatro cantos do ecra 

• A lei de Fitts diz que: T = a + blog2(D/S + 1) 

- T-tempo; a,b-constantes empiricas; D-distancia; S-dimensao 

• Primeira porque D=0. 

• Outras 4 porque alvos com dimensoes Infinitas. 
Mesmo que D seja grande, S leva D/S a tender para 0. 
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Ilusdes 
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Resumo 



• Modelo Humano de Processamento 
-Subsistema de Percepgao 

• Visao 

- Cor, Husoes, Leitura 

• Audigao 

• Tacto 

-Subsistema Motor 

• Lei de Fitts 
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Proxima Aula 



• Ill-Sistema Cognitivo 
- Memoria Sensorial 
-(Vjemoria Curta Duragao (STJVj) 
-(Vjemoria Longa Duragao (LT|V|) 

• Modelos de representagao 

• Armazenamento, esquecimento, 
recuperagao 

• Testes de memoria 

• Raciocinio 

• Solugao de problemas 
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